$(function () {
    // 弹层对象
    var layer = layui.layer
    // 表单对象
    var form = layui.form
    initUserInfo()

    /**1-获取用户的基本信息 *********************************************/
    function initUserInfo() {
        $.ajax({
            method: 'get',
            url: '/my/userinfo',
            success: function (res) {
                // 判断是否成功获取
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                // 把用户信息渲染到页面
                // $('[name=username]').val(res.data.username)
                // $('[name=ninkname]').val(res.data.ninkname)
                // $('[name=email]').val(res.data.email)

                // 表单一键赋值
                form.val('formUserInfo', res.data)
            }
        })
    }

    /**2-增加校验nickname的自定义规则 */
    form.verify({
        nickname: function (value) {
            if (value.length > 6) {
                return '昵称格式不正确,必须是1-6位的字符'
            }
        }
    })

    /**3-完成用户信息的修改 */

    // 注册表单提交事件
    $(".layui-form").on('submit', function (e) {
        // 阻止默认行为
        e.preventDefault();
        // 获取表单数
        var data = $(this).serialize()
        // console.log(data)
        // 调接口
        $.ajax({
            method: 'post',
            url: '/my/userinfo',
            // 变量名和属性名一样 简写
            data,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                layer.msg('更新成功')
                /**更新父页面中的昵称 */
                window.parent.getuserinfo();
            }
        })
    })

    /**4-重置用户信息 */
    $('#btnReset').on('click', function (e) {
        e.preventDefault();
        // 重新获取和渲染用户信息
        initUserInfo()
    })
})